const Diaiog = (
    title,
     children, 
     show,
     onClose, 
     onCancel, 
     onSubmit
     ) => {
  return (
    <div className="modal" tabIndex={-1} style={{display:'none'}}>
      <div className="modal-dialog">
        <div className="modal-content">
          <div className="modal-header">
            <h5 className="modal-title">{title}</h5>
            <button
              type="button"
              className="btn-close"
              data-dismiss="modal"
              aria-label="Close"
              onClick={onClose}
            >
            </button>
          </div>
          <div className="modal-body">
            {children}
          </div>
          <div className="modal-footer">
            <button
              type="button"
              className="btn btn-secondary"
              data-dismiss="modal"
              onClick={onCancel}
            >
              Close
            </button>
            <button type="button" className="btn btn-primary" onClick={onSubmit}>
              Save changes
            </button>
          </div>
        </div>
      </div>
    </div>
  )
}

export default Diaiog
